<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Simple layout for HTML4</title>
        <style type="text/css">
            body {
                font-family: Monaco, Consolas, "Courier New", monospace;
                text-align: center;
                background-color: #eee;
                color: #fff;
                width: 800px;
                margin: 0 auto;
            }
            div {
                background-color: #666;
                border-radius: 5px;
                margin: 5px;
                padding: 5px;
            }
            div.article {
                float: left;
                width: 500px;
                height: 55px;
            }
            div.section {
                background-color: #333;
            }
            div#sidebar {
                float:right;
                width: 260px;
                height: 55px;
            }
            div#footer {
                clear: both;
            }
        </style>
    </head>
    <body>
        <div id="header">&lt;div id="header"&gt;</div>
        <div id="nav">&lt;div id="nav"&gt;</div>
        <div class="article">
            &lt;div class="article"&gt;
            <div class="section">&lt;div class="section"&gt;</div>
        </div>
        <div id="sidebar">&lt;div id="sidebar"&gt;</div>
        <div id="footer">&lt;div id="footer"&gt;</div>
    </body>
</html>
